<template>
  <div class=" space-y-1">
    <h1>Demo</h1>
    <AnyInput v-model="val" field="string" :entity="DemoEntity" />
    <AnyInput v-model="val" field="textarea" :entity="DemoEntity" />
    <AnyInput
      v-model="checkboxVal"
      field="checkbox"
      :options="DemoEntity.getOptions('checkbox')"
      :entity="DemoEntity"
    />
    <AnyInput v-model="val" field="datePicker" :entity="DemoEntity" />
  </div>
</template>

<script setup lang="ts">
import { AnyInput } from '@/components/core'
import { DemoEntity } from './DemoEntity'

const val = ref('')

const checkboxVal = ref<string[]>([])
</script>
